import type { Plugin } from '@docusaurus/types';

export default async function clarity(): Promise<Plugin> {
  return {
    name: 'docusaurus-plugin-win32-clarity',
    injectHtmlTags() {
      return {
        headTags: [
          {
            tagName: 'link',
            attributes: {
              rel: 'preconnect',
              href: 'https://www.clarity.ms',
            },
          },
          {
            tagName: 'script',
            innerHTML: `
              (function(c,l,a,r,i,t,y){
                  c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
                  t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
                  y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
              })(window, document, "clarity", "script", "m4pnkh6qft");`,
          },
        ],
      };
    },
  };
}
